<template>
  <div id="tmpl">
    <div class="title">
      <h4 v-text="news.title"></h4>
      <p>发布时间{{news.add_time | datefmt("YYYY-MM-DD")}}</p>
    </div>
    <div id="content" v-html="news.content"></div>

    <comment :id="id"></comment>
  </div>  
</template>

<script>
import common from "../kits/common.js";
import comment from "../subcom/comment.vue";
export default {
  components:{
    comment
  },
  data(){
    return {
      id: 0,
      news:{}
    }
  },
  created(){
    this.id = this.$route.params.id;
    this.getinfo();
  },
  methods:{
    getinfo(){
      var url = common.domain+'/api/getnew/'+this.id;
      this.$http.get(url).then(
        response => {
          var data = response.body;
          if(data.status != 0){
            alert(data.message);
            return;
          }
          this.news = data.message[0];
        }
      )
    }
  }
}
</script>

<style scoped>
  .title h4{
    color: #0094ff;
  }
  .title p {
    color: rgba(0,0,0,.4);
  }
  .title,#content{
    padding: 5px;
  }
</style>
